/**
 * Component:	Variables
 * Description:	Define all variables
*/
//======== 【Prefix】 ========
$css-prefix: zpon;

//======== 【global】 ========
$base-zindex: 1;
$body-bg: #F5F5F5;
$body-padding-vertical: .24rem;
$body-padding-bottom: .5rem;
$line-color: #ececec;
$line-high-color: #e4e4e4;

//======== 【color】 ========
$color-primary: #409EFF !default;
$color-success: #67C23A !default;
$color-warning: #E6A23C !default;
$color-danger: #F56C6C !default;
$color-info: #909399 !default;

//======== 【button】 ========
$btn-radius: 4px;
$btn-fontsize: 14px;
$btn-lineHeight: 1;
$btn-fontWeight: 500;
$btn-circle-radius: 50%;
$btn-circle-padding: 12px;
//===【default】===
$btn-default-padding: 12px 20px;
$btn-default-borderColor: #dcdfe6;
$btn-default-focusBorderColor: #C6E2FF;
$btn-default-color: #606266;
$btn-default-focusColor: $color-primary;
$btn-default-bg: #FFF;
$btn-default-focusbg: #ECF5FF;
//===【primary】===
$btn-primary-BorderColor: $color-primary;
$btn-primary-focusBorderColor: #66B1FF;
$btn-primary-Color: #FFF;
$btn-primary-focusColor: #FFF;
$btn-primary-bg: $color-primary;
$btn-primary-focusbg: #66B1FF;
//===【success】===
$btn-success-BorderColor: $color-success;
$btn-success-focusBorderColor: #85CE61;
$btn-success-Color: #FFF;
$btn-success-focusColor: #FFF;
$btn-success-bg: $color-success;
$btn-success-focusbg: #85CE61;
//===【info】===
$btn-info-BorderColor: $color-info;
$btn-info-focusBorderColor: #A6A9AD;
$btn-info-Color: #FFF;
$btn-info-focusColor: #FFF;
$btn-info-bg: $color-info;
$btn-info-focusbg: #A6A9AD;
//===【warning】===
$btn-warning-BorderColor: $color-warning;
$btn-warning-focusBorderColor: #EBB563;
$btn-warning-Color: #FFF;
$btn-warning-focusColor: #FFF;
$btn-warning-bg: $color-warning;
$btn-warning-focusbg: #EBB563;
//===【danger】===
$btn-danger-BorderColor: $color-danger;
$btn-danger-focusBorderColor: #F78989;
$btn-danger-Color: #FFF;
$btn-danger-focusColor: #FFF;
$btn-danger-bg: $color-danger;
$btn-danger-focusbg: #F78989;
//===【text】===
$btn-text-BorderColor: transparent;
$btn-text-focusBorderColor: transparent;
$btn-text-Color: $color-primary;
$btn-text-focusColor: #66b1ff;
$btn-text-bg: transparent;
$btn-text-focusbg: transparent;
//===【medium】===
$btn-medium-padding: 10px 20px;
$btn-medium-fontSize: 14px;
$btn-medium-radius: 4px;
//===【small】===
$btn-small-padding: 9px 15px;
$btn-small-fontSize: 12px;
$btn-small-radius: 3px;
//===【mini】===
$btn-mini-padding: 7px 15px;
$btn-mini-fontSize: 12px;
$btn-mini-radius: 3px;
